<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript" src="<c:url value="/assets/js/ezops/riskreport.js" />"></script>
<script type="text/javascript">
	$(document).ready(function(){
		 /**
         * To handle left menu toggle on page load
         */
    	$('#reports_li').addClass('root-level has-sub opened');
    	$('#reports_li_ul').toggle('click').addClass('visible');
    	$('#reports_li_ul').attr('style','');
        $('#reports_li_ul_li_' + 3).attr('style','font-weight: bold;');
	});
</script>
	<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="report-search">
				<div class="col-sm-6"></div>
				<div class="col-sm-6">
					<div class="row">
						<div class="col-sm-2"></div>
						<div class="col-sm-5">
							<label id="dateprint"> Reports as of : <span>${asofdate}</span></label>
							<!-- -------------------------- -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="row reports">
			<div class="col-lg-4 col-sm-6" id="RiskCashFlow">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-title">Risk Cash Flow</div>
						<div class="panel-options">
							<!-- <a id="downloadbut" href="assets/sampledata/VarReport.csv" type="button" class="bg"data-toggle="" data-placement="top" title="Download Report As Csv" data-original-title="" >
                                          <i class="entypo-download"></i>
                                    </a> -->
							<div class="btn-group">
								<a class="btn btn-sm bg btn-white dropdown-toggle"
									data-toggle="dropdown"> <i class="entypo-download"></i>
								</a>
								<ul class="dropdown-menu" role="menu">
									<li class="divider"></li>
									<li><span class="badge"><b>Download As:</b></span></li>
									<ul>
										<li><a
											href="<c:url value="/getReports/downloadreportinxlsorpdf?downloadFileFormat=RiskCashFlowAnalysisExcel" />">Excel
										</a></li>
										<li><a
											href="<c:url value="/getReports/downloadreportinxlsorpdf?downloadFileFormat=RiskCashFlowAnalysisPdf" />">PDF
										</a></li>
									</ul>
								</ul>
							</div>
							<a data-target="#RiskCashFlowAnalysisModal" type="button" class="bg"
								data-toggle="modal" data-placement="top"
								title="View Detailed Report" data-original-title=""> <i
								class="entypo-doc-text-inv"></i>
							</a> <a href="#" data-rel="reload" class="bg"><i
								class="entypo-arrows-ccw"></i></a>
							<!-- Single button -->
							<div class="btn-group">
								<a class="btn btn-sm bg btn-white dropdown-toggle"
									data-toggle="dropdown"> <i class="entypo-cog"></i>
								</a>
								<ul class="dropdown-menu" role="menu">
									<li class="divider"></li>
									<li><a href="#"> <input type="checkbox"> Allow
											auto refresh
									</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-sm-12">
								<div id="riskcashflowchart"
									style="min-width: 210px; width: 100%; height: 300px; margin: 0 auto"></div>
							</div>
						</div>
					</div>
				</div>
				<!-- /.panel -->
			</div>
			<!-- <div class="col-lg-4 col-sm-6" id="RiskTimeHorizon">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <div class="panel-title">Risk Time Horizon</div>
                                <div class="panel-options">
                                    <a id="downloadbut" href="assets/sampledata/VarReport.csv" type="button" class="bg"data-toggle="" data-placement="top" title="Download Report As Csv" data-original-title="" >
                                          <i class="entypo-download"></i>
                                    </a>
                                    <a data-target="#riskTimeHorizonModal" type="button" class="bg" data-toggle="modal" data-placement="top" title="View Detailed Report" data-original-title="" >
                                          <i class="entypo-doc-text-inv"></i>
                                    </a>
                                    <a href="#" data-rel="reload" class="bg"><i class="entypo-arrows-ccw"></i></a>
                                    Single button
                                    <div class="btn-group">
                                      <a class="btn btn-sm bg btn-white dropdown-toggle" data-toggle="dropdown">
                                        <i class="entypo-cog"></i>
                                      </a>
                                      <ul class="dropdown-menu" role="menu">           
                                        <li class="divider"></li>
                                        <li><a href="#">
                                                <input type="checkbox"> Allow auto refresh
                                            </a>
                                        </li>
                                      </ul>
                                    </div>
                                </div>
                            </div>
                             <div class="panel-body">
                             <div class="row">
                                <div class="col-sm-12">
                                    <div id="riskTimeHorizonChart" style="min-width: 210px; width:100%; height: 300px; margin: 0 auto"></div>
                                </div>
                            </div>
                        </div>
                        </div>
                        /.panel
                    </div> -->
			<div class="col-lg-4 col-sm-6" id="Product">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-title">Var</div>
						<div class="panel-options">
							<a id="downloadbut" href="assets/sampledata/VarReport.csv"
								type="button" class="bg" data-toggle="" data-placement="top"
								title="Download Report As Csv" data-original-title=""> <i
								class="entypo-download"></i>
							</a> <a data-target="#varModal" type="button" class="bg"
								data-toggle="modal" data-placement="top"
								title="View Detailed Report" data-original-title=""> <i
								class="entypo-doc-text-inv"></i>
							</a> <a href="#" data-rel="reload" class="bg"><i
								class="entypo-arrows-ccw"></i></a>
							<!-- Single button -->
							<div class="btn-group">
								<a class="btn btn-sm bg btn-white dropdown-toggle"
									data-toggle="dropdown"> <i class="entypo-cog"></i>
								</a>
								<ul class="dropdown-menu" role="menu">
									<li class="divider"></li>
									<li><a href="#"> <input type="checkbox"> Allow
											auto refresh
									</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-sm-12">
								<div id="containerproduct1"
									style="min-width: 210px; width: 100%; height: 300px; margin: 0 auto"></div>
							</div>
						</div>
					</div>
				</div>
				<!-- /.panel -->
			</div>
			<!--  closing ko for danny user -->
			<!--   <!--  PDF IMAGE -->
			<!-- /.panel -->
		</div>
	</div>
</div>